* {
	margin:0;
	padding:0;
	outline:none;
	text-decoration: none;
}
html {
	font-size:75%;
	height:100%
}

body {
	font:normal 1em/1.3 arial, helvetica, sans-serif;
	color:#333;
	height:100%;
	background-image: url(/templates/img/background.png);
	background-attachment: fixed;
	background-size: 100%
}
article, nav, header, footer, section, hgroup, aside {
	display:block;
} 
article {
	margin: 25px;
}
a {
	color: rgb(29, 138, 37)
}
a:hover {
	color: rgb(255, 50, 50);
	text-decoration: none
}
abbr {
	border-bottom:1px dotted #2b82dc;
	cursor:help
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1;
	margin:4px 0 12px;
	color:#2ca9e4
}
h1 {
	font-size:1.88em
}
p {
	text-align:justify;
	word-spacing:.1ex;
	line-height:1.6;
	margin-bottom:1em
}
nav, section, article, aside, footer {
	position:relative
}
nav {
	width:100%;
	height:140px;
	background:#2ca9e4
}
nav li {
	float:left;
	margin:8px 20px 0
}
nav a {
	font-weight:bold;
	text-decoration:none;
	color:#fff
}
section {
	overflow:hidden
}
section section {
	float:left;
	width:640px;}
aside {
	overflow:hidden;
	width:250px;
	padding:0 30px;
	background-color: rgba(238, 238, 238, 0.3);
}
footer {
	height:40px;
	padding:25px 25px 0;
	margin:20px 0 0;
	border-top:1px solid #bbb
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('/templates/css/websymbols/websymbols-regular-webfont.eot');
    src: url('/templates/css/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/templates/css/websymbols/websymbols-regular-webfont.woff') format('woff'),
    url('/templates/css/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
    url('/templates/css/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.main {
	width:950px;
	min-height:100%;
	padding:20px 24px 0 24px;
	margin:0 auto;
	color: #000;
	background: rgba(255, 255, 255, 0.8);}
.head{
	width:998px;
	height: 340px;
	margin:0 auto;
	background-image: url(/templates/img/header.png);
	background-size: 100% 100%;
	background-color: rgba(197, 195, 195, 0.34);
	background-repeat: no-repeat
}
.like{
	font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 500ms linear; 
	position:relative;
	color: rgba(255, 0, 0, 0.25);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1)
}
.like:hover{
	position:relative;
	cursor:pointer;
	color: rgba(255, 0, 0, 0.5);
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5)
}
.menu{
    padding:0;
    margin:20px auto;
    width: 100%;
}
.menu li{
    width: 100%;
    height: 30px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 2px;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.menu li:last-child{
    margin-bottom: 0px;
}
.menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    width: 10px;
    left: 20px;
    text-align: center;
	text-shadow: 0px 0px 1px #000;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.content{
    position: absolute;
    left: 70px;
    width: 100%;
    height: 30px;
    top: 0px;
}
.title{
    font-size: 14px;
	margin:0px 0 2px;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.sub{
    font-size: 10px;
	margin:0px 0 2px;
    color: #666;
}
.menu li:hover{
    background-color: #000;
}
.menu li:hover .icon{
    color: #f900b0;
    font-size: 120px;
    opacity: 0.2;
    left: -20px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.menu li:hover .title{
    color: #f900b0;
    opacity: 0.8;
}
.menu li:hover .sub{
    color: #fff;
    opacity: 0.8;
}